<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/show.css">
  <title>案例展示</title>
</head>

<body>
  <!-- 导航栏 -->
  <nav class="navbar navbar-default">
    <div class="container niu-nav">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
          <img src="images/1.jpg" alt="" height="100%">
        </a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#" class="active">首页</a></li>
          <li><a href="#">解决方案</a></li>
          <li><a href="#">资讯中心</a></li>
          <li><a href="#">案例展示</a></li>
          <li><a href="#">了解牛牛豆</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
  <!-- 轮播图 -->
  <div class="container-fluid banner">
    <div id="mybanner" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators hidden-xs">
        <li data-target="#mybanner" data-slide-to="0" class="active"></li>
        <li data-target="#mybanner" data-slide-to="1"></li>
        <li data-target="#mybanner" data-slide-to="2"></li>
      </ol>
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/2.jpg" alt="...">
          <div class="carousel-caption">
            <div class="visible-lg banbtn">
              Learn more
            </div>
          </div>
        </div>
        <div class="item">
          <img src="images/2.jpg" alt="...">
          <div class="carousel-caption">
            <div class="visible-lg banbtn">
              Learn more
            </div>
          </div>
        </div>
        <div class="item">
          <img src="images/2.jpg" alt="...">
          <div class="carousel-caption">
            <div class="visible-lg banbtn">
              Learn more
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 当前位置 -->
  <div class="container pos">
    <div class="row">
      <div class="col-xs-12">
        <span>当前位置： </span>
        <a href="">案例展示</a>
        >
        <a href="" class="active">电子商务网站 </a>
      </div>
    </div>
  </div>
  <!-- 案例标题 -->
  <div class="container title">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="text-center">我们的案例
          <br>
          <small>Our case</small>
        </h1>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-10 col-xs-offset-1">
        <div class="col-sm-4 ">
          <a href="">
            <img src="images/title (1).png" alt="" class="img-responsive center-block tit-img">
          </a>
        </div>
        <div class="col-sm-4">
          <a href="">
            <img src="images/title (2).png" alt="" class="img-responsive center-block tit-img">
          </a>
        </div>
        <div class="col-sm-4">
          <a href="">
            <img src="images/title (3).png" alt="" class="img-responsive center-block tit-img">
          </a>
        </div>
      </div>

    </div>
  </div>
  <!-- 案例展示 -->
  <div class="container show">
    <div class="row">
      <div class="col-xs-4">
        <img src="images/show (1).png" alt="" width="100%" class="img-repsonsive center-block">
        <h3>优购</h3>
        <p>优购网品牌旗舰店热销耐克、阿迪达斯、...</p>
      </div>
      <div class="col-xs-4">
        <img src="images/show (2).png" alt="" width="100%" class="img-repsonsive center-block">
        <h3>新居网</h3>
        <p>新居网（www homekoo）,全国最大整体......</p>
      </div>
      <div class="col-xs-4">
        <img src="images/show (3).png" alt="" width="100%" class="img-repsonsive center-block">
        <h3>寺库中国</h3>
        <p>新居网（www homekoo）,全国最大整体......</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <img src="images/show (4).png" alt="" width="100%" class="img-repsonsive center-block">
        <h3>YOHO有货</h3>
        <p>YOHO！有货，年轻人潮流购物中心，中国...</p>
      </div>
      <div class="col-xs-4">
        <img src="images/show (5).png" alt="" width="100%" class="img-repsonsive center-block">
        <h3>广百荟</h3>
        <p>广百荟是广州最大零售百货企业广百股份......</p>
      </div>
      <div class="col-xs-4">
        <img src="images/show (6).png" alt="" width="100%" class="img-repsonsive center-block">
        <h3>考拉海购</h3>
        <p>考拉海购是网易旗下自营海外正品特卖网...</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <img src="images/show (7).png" alt="" width="100%" class="img-repsonsive center-block">
        <h3>乐天购</h3>
        <p>Lotte,相比于Gmarket的优点就是里面所...</p>
      </div>
      <div class="col-xs-4">
        <img src="images/show (8).png" alt="" width="100%" class="img-repsonsive center-block">
        <h3>尚品网</h3>
        <p>尚品网奢侈品网站（www shangpin com......</p>
      </div>
      <div class="col-xs-4">
        <img src="images/show (9).jpg" alt="" width="100%" class="img-repsonsive center-block">
        <h3>识货网</h3>
        <p>识货网是虎扑体育旗下的导购网站，致力...</p>
      </div>
    </div>
    <div class="row">
        <a class="col-xs-10 col-xs-offset-1 col-sm-2 col-sm-offset-5 btn show-btn">
            Learn more
          </a>
    </div>
  </div>
  <!-- 页脚 -->
  <div class="container-fluid footer">
    <div class="row">
      <div class="container ">
        <div class="hidden-xs hidden-sm col-md-3 foot-img">
          <img src="images/18.jpg" alt="">
        </div>
        <div class="col-xs-12 col-md-8 col-sm-offset-1 foot-text">
          <div class="row">
            <div class="hidden-xs col-sm-2">解决方案</div>
            <div class="hidden-xs col-sm-2">资讯中心</div>
            <div class="hidden-xs col-sm-2">案例展示</div>
            <div class="hidden-xs col-sm-2">了解牛牛豆</div>
          </div>
          <div class="row">
            <div class="col-sm-12">广州市海珠区广州大道南448号财智大厦28楼</div>
            <div class="col-sm-12">广州牛牛豆网络科技有限公司版权所有 Copyright 2009-2015 ,All Rights Reserved wengdo</div>
          </div>
          <div class="row">
            <div class="col-sm-8">
              粤ICP备12022584号-3 法律顾问：广东晟晨律师事务所-张勇律师
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>

</html>